import {
  defineConfig
} from 'vite';
import vue from '@vitejs/plugin-vue';
import path from 'path';
import {
  createSvgIconsPlugin
} from 'vite-plugin-svg-icons';
import postCssPxtorem from 'postcss-pxtorem';
import autoprefixer from 'autoprefixer';
import {
  plugin
} from 'postcss';





// https://vitejs.dev/config/
export default defineConfig({

  build: {
    outDir: 'dist', // 输出目录
    emptyOutDir: true, // 构建前先清空输出目录
    base: './', // 设置静态资源的公共路径
    rollupOptions: {
      input: {
        main: path.resolve(__dirname, 'index.html'), // 入口文件
      },
    },
  },
  plugins: [
    vue(),
    createSvgIconsPlugin({
      iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
      symbolId: 'icons-[dir]-[name]',
    }),

  ],
  postcss: {
    plugins: [
      // 这里可以选择不需要手动引入，因为 Vite 会自动读取 postcss.config.js
    ],
  },
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'), // 使用 @ 代替 src
    },
  },
  server: {
    host: 'http://8.134.78.60', // 替换为你的实际 IPv4 地址192.168.135.250
    // port: 5173,
    // proxy: {
    //   // 将所有请求代理到本地的 8080 端口
    //   ['/api']: {
    //     target: 'http://8.134.78.60:8080',http://8.134.78.60
    //     changeOrigin: true,
    //     rewrite: (path) => path.replace(/^\/api/, '/user')
    //   },
    // }

  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "./src/styles/variable.scss";',
      },

    },
  },
});